$(document).ready(function(){
	
	renderProduct();
	
	$('#add-product').on('click',function(){
		
		if(checkProductEdit()==false)
			{return;}
		
		createProduct();
		
		
	})
	
	$('#update-product').on('click',function(){
		if(checkProductEdit()==false)
		{return;}
		if ($('#product-sel li.sel').length == 0) {
	        showinfo($('#product-error'),'请先选中产品');
	        return;
	    }
//		if(removeProduct()==false)
//			{return;}
		
		updateProduct();
	})
	
	$('#remove-product').on('click',function(){
		removeProduct();
	})
	
	
	$('#product-sel ').on('click','li', function () {

        $('#product-sel li.sel').removeClass('sel');

        $(this).addClass('sel');

        var data = $(this).attr('value');

        $('#process-product-name').val(data);
     

	})
	
	
})


function renderProduct()
{
	var value=$('#process-product').val();
	
	value=value.split(',');
	
	
	
	 var tp = $('#product-sel');

	    tp.empty();

	    for (var i = 0; i < value.length; i++) {

	        var li = renderProductLi(value[i]);

	        tp.append(li);

	    }
	
		
}

function renderProductForObj(value)
{
	value=value.split(',');
	
	 var tp = $('#product-sel');

	    tp.empty();

	    for (var i = 0; i < value.length; i++) {

	        var li = renderProductLi(value[i]);

	        tp.append(li);

	    }
	
		
}

function renderProductLi(t,c)
{
	return '<li class="'+c+'" value=\'' + t + '\'>' + t +'</li>';
}


function removeProduct() {

    if ($('#product-sel li.sel').length == 0) {
        showinfo($('#product-error'),'请先选中产品');
        return false;
    }

    $('#product-sel li.sel').remove();

    return true;
}

function createProduct()
{
	$('#product-sel li.sel').removeClass('sel');
	
    var t = $('#process-product-name').val();    
    
    var li = renderProductLi(t,"sel");

    $('#product-sel').append(li);
}

function updateProduct()
{
	var t = $('#process-product-name').val();    
        
    var li = renderProductLi(t,"pre-sel");
       
    $('#product-sel li.sel').after(li);
    
    removeProduct();
    
    $('#product-sel li.pre-sel').addClass("sel").removeClass("pre-sel");
    
}

function checkProductEdit()
{
	if ($.trim($('#process-product-name').val()) == '') {
		showinfo($('#product-error'),'请输入产品名');
        $('#process-product-name').focus();
        return false;
    }
	
	return true;
}

function getProductValue()
{
	var lis = $('#product-sel li');

    var result = new Array();

    for (var i = 0; i < lis.length; i++)
    {
        var t = lis[i].getAttribute('value');

        result.push(t);

    }

    return result.sort().join(',');
}
